 <template>
  <div>
    <el-pagination
      @current-change="handleCurrentChange"
      :page-size="10"
      layout="prev, pager, next, jumper"
      :total="total"
    >
    </el-pagination>
    <!-- prev是上一页   next下一页  pager页码列表   total总条目数   size页码 -->
  </div>
</template>

<script>
export default {
  // 组件名称
  name: "demo", // 组件参数 接收来自父组件的数据
  props: ["total"],
  components: {},
  data() {
    return {
      
    };
  },
  computed: {},
  watch: {},
  methods: {
    // handleSizeChange(val) {
    //   this.$emit("size",val);
    // },
    handleCurrentChange(val) {
      this.$emit('num',val);
    },
  },
  beforeCreate() {},
  created() {},
  beforeMount() {},
  mounted() {},
};
</script> 
<style scoped>
</style>
